@charset "utf-8";
/* CSS Document */
/* Global CSS Property Start */
html, body{margin:0px;padding:0px;font:normal 12px Arial, Helvetica, sans-serif;color:#333;background:url(./images/image/body-bg.gif);outline:0px;}
div, table, td, span, ul, li, p, input, a{font:normal 12px Arial, Helvetica, sans-serif;color:#333;outline:hidden;}
ul,	li{list-style:none;margin:0px;padding:0px;}
h1{font:bold 24px 'Conv_Oswald';margin:0px auto;line-height:26px;}
h2{font:bold 22px Arial, Helvetica, sans-serif;margin:0px auto;line-height:26px;}
h3{font:bold 20px Arial, Helvetica, sans-serif;margin:0px auto;line-height:26px;}
h4{font:normal 18px 'Conv_Oswald';margin:0px auto;line-height:26px;}
h5{font:normal 16px 'Conv_Oswald';margin:0px auto;line-height:26px;}
h6{font:bold 14px Arial, Helvetica, sans-serif;margin:5px auto 0px;line-height:26px;}
hr{margin:0px;padding:4px 0px;background:url(./images/image/dotted-line.gif) repeat-x 0 0;border:0px;}

#header{margin:0px auto;padding:0px;clear:both;background:url(./images/image/header-bg.gif) repeat;
}
#body{margin:0px auto;padding:0px;clear:both;}
#footer{margin:0px auto;padding:0px 0px;clear:both;background:url(./images/image/header-bg.gif) repeat;}
#header .content, #body .content, #footer .content{width:96%;margin:0 auto;}
/* Global CSS Property End */
/* Header CSS Property Start */
#header .content{min-height:90px;max-height:131px;display:table;}
.logo-link{float:left;width:410px;height:65px;background:url(./images/image/logo.png) no-repeat 0 0;margin:18px 0px 0px 0px;}
.welcome-content{clear:both;text-align:right;float:left;width:100%;padding:0px 0px 8px;}
.welcome-content .welcome-text{color:#FFF;font:bold 12px Arial, Helvetica, sans-serif;}
.welcome-content .welcome-text span{color:#e75218;font:bold 12px Arial, Helvetica, sans-serif;}

/* Header CSS Property End */

/* Body CSS Property Start */

.hor-20px-space{height:20px;clear:both;}
.hor-15px-space{height:15px;clear:both;}
.hor-10px-space{height:10px;clear:both;}
.hor-1px-space{height:1px;clear:both;width:95%;}



/* Body CSS Property End */

/* Footer CSS Property Start */
#footer .content{line-height:44px;text-align:center;color:#FFF;}
/* Footer CSS Property End */


.box{width:49%;}
.left{float:left;}
.right{float:right;}
.clear{clear:both;}
a.back{color:#777;position:fixed;top:5px;right:10px;text-decoration:none;}
/* Form Style */

.form_wrapper{margin:0 auto;width:350px;font-size:16px;}
/* .form_wrapper form{display:none;} */
.form_wrapper .column{width:47%;float:left;}
form.active{display:block;}
form.login{width:350px;background:#fff;padding:10px;border-radius:10px;float:left;box-shadow:0 0 2px #999492;}
form.register{width:550px;background:#fff;padding:10px;border-radius:10px;float:left;box-shadow:0 0 2px #999492;}
form.forgot_password{width:300px;background:#fff;padding:10px;border-radius:10px;float:left;box-shadow:0 0 2px #999492;}
.form_wrapper a{text-decoration:none;color:#777;font-size:12px;}
.form_wrapper a:hover{color:#000;}
.form_wrapper label{display:block;padding:10px 30px 0px 30px;margin:10px 0px 0px 0px;}
.form_wrapper input[type="text"],
.form_wrapper input[type="password"]{
	border: solid 1px #E5E5E5;
	background: #FFFFFF;
	margin: 5px 30px 0px 30px;
	padding: 9px;
	display:block;
	font-size:16px;
	width:76%;
	-moz-box-shadow: 0px 0px 8px #f0f0f0;
	-webkit-box-shadow: 0px 0px 8px #f0f0f0;
	box-shadow: 0px 0px 8px #f0f0f0;
}
.form_wrapper input[type="text"]:focus,
.form_wrapper input[type="password"]:focus{
	background:#feffef;
}
.form_wrapper a.forgot{
	float:right;
	font-style:italic;
	line-height:24px;
	color:#ffa800;
	text-shadow:1px 1px 1px #fff;
}
.form_wrapper a.forgot:hover{
	color:#000;
}
.form_wrapper div.remember{
	float:left;
	width:140px;
	margin:20px 0px 20px 30px;
	font-size:11px;
}
.form_wrapper div.remember input{
	float:left;
	margin:2px 5px 0px 0px;
}
.form_wrapper span.error{
	visibility:hidden;
	color:red;
	font-size:11px;
	font-style:italic;
	display:block;
	margin:4px 30px;
}
.form_wrapper input[type="submit"] {
	background: #e3e3e3;
	border: 1px solid #ccc;
	color: #333;
	font-family: "Trebuchet MS", "Myriad Pro", sans-serif;
	font-size: 14px;
	font-weight: bold;
	padding: 8px 0 9px;
	text-align: center;
	width: 150px;
	cursor:pointer;
	float:right;
	margin:15px 20px 10px 10px;
	text-shadow: 0px 1px 0px #fff;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	-moz-box-shadow: 0px 0px 2px #fff inset;
	-webkit-box-shadow: 0px 0px 2px #fff inset;
	box-shadow: 0px 0px 2px #fff inset;
}
.form_wrapper input[type="submit"]:hover {
	background: #d9d9d9;
	-moz-box-shadow: 0px 0px 2px #eaeaea inset;
	-webkit-box-shadow: 0px 0px 2px #eaeaea inset;
	box-shadow: 0px 0px 2px #eaeaea inset;
	color: #222;
}



.tab-link{float:left;margin:0px;padding:0px;clear:both;list-style:none;width:100%;border-top:1px solid #2b2e30;border-bottom:1px solid #000;background:url(./images/image/tab-bg.gif) repeat-x;}
.tab-link li{color:#FFF;font:bold 12px Arial, Helvetica, sans-serif;text-shadow: 0.1em 0em 0.2em #333;float:left;margin:0px;padding:10px 20px;list-style:none;}
.tab-link li a{color:#FFF;text-decoration:none;font:bold 12px Arial, Helvetica, sans-serif;text-shadow: 0.1em 0em 0.2em #333;}
.tab-link li.active{float:left;margin:0px;list-style:none;background:url(./images/image/tab-active-bg.gif) repeat-x;}
.tab-link li.right{float:right;background:none;padding:0px;margin:0px;}
.tab-link li.signout a{color:#82af27;text-decoration:none;font:bold 12px Arial, Helvetica, sans-serif;text-shadow: 0.0em 0.1em 0.1em #333;background:url(./images/image/signout-icon.gif) no-repeat right;padding:10px 33px;float:left;margin:0px 5px;}
.tab-link li.signout:hover{background: transparent;}
.tab-link li.signout:hover a{color:#82af27;text-decoration:none;font:bold 12px Arial, Helvetica, sans-serif;text-shadow: 0.0em 0.1em 0.1em #333;background:url(./images/image/signout-icon.gif) no-repeat right transparent;padding:10px 33px;float:left;margin:0px 5px;}

.tab-link{border-bottom:0px;}
.tab-link li{cursor:pointer;border-right:1px solid #2d3132;}
.tab-link li:hover{cursor:pointer;background:#e1e1e1;color:#000;}
.tab-link li:hover a{color:#000;text-shadow: 0.1em 0em 0.2em #FFF;float:left;padding:0px;margin:0px;height:auto;}
.tab-link li ul.tab-sub-1{display:none;}
.tab-link li:hover ul.tab-sub-1{display:block;position:absolute;float:left;border:1px solid #CCCCCC;border-top:none; margin:24px -20px;padding:0px;background:#FAFAFA;border-radius:0px 0px 4px 4px;clear:both;min-width:200px;}
.ie7 .tab-link li:hover ul.tab-sub-1{margin:0px -21px;}
.tab-link li:hover ul.tab-sub-1 li{clear:both;padding:10px 5px;color:#000;text-shadow:0px 0px #FFF;font:normal 12px Arial, Helvetica, sans-serif;border-right:0px solid #2d3132;border-bottom:1px solid #ddd;margin:0px 10px;width:85%;}
.tab-link li:hover ul.tab-sub-1 li span{background:url(./images/image/left-menu-bullet.gif) no-repeat scroll 0px 0px transparent;padding:0px 10px;white-space:nowrap;float:left;}
.tab-link li:hover ul.tab-sub-1 li.last{border-bottom:0px solid #ddd;}
.tab-link li:hover ul.tab-sub-1 li:hover{background:none;}
.tab-link li:hover ul.tab-sub-1 li:hover span{background:url(./images/image/left-menu-active.gif) no-repeat scroll 0px 0px transparent;font:12px  Arial, Helvetica, sans-serif;}
.tab-link li:hover ul.tab-sub-1 li:hover ul.tab-sub-1{display:none;}


.breadCrumb{height:35px;line-height:35px;padding:0px 10px;color:#464646;}
.breadCrumb span{color:#f26c4f;}


.left-panel{width:20%;margin:0px 0px 10px 0px;float:left;/*border:1px solid #c0c1c3;border-radius:8px;box-shadow: 1px 1px 4px #888888;*/}
.left-panel .top{background:url(./images/image/top-border-bg.gif) repeat-x left -1px #fafafa !important;height:15px;float:left;width:100%;border:0px !important;padding:0px !important;}
.left-panel .top span.left{background:url(./images/image/top-radius-left.gif) no-repeat left top;width:15px;height:15px;float:left;}
.left-panel .top span.right{background:url(./images/image/top-radius-right.gif) no-repeat left top;width:15px;height:15px;float:right;}

.left-panel .middle{background:url(./images/image/middle-radius-left.gif) repeat-y left 0px #fafafa;float:left;width:100%;}
.left-panel .middle .middle-content{background:url(./images/image/middle-radius-right.gif) repeat-y right 0px;margin:0px;width:84%;padding:0px 20px 0px 0px;float:right;}

.left-panel .bottom{background:url(./images/image/bottom-border-bg.gif) repeat-x left 0px !important;height:15px;float:left;width:100%;border:0px !important;padding:0px !important;}
.left-panel .bottom span.left{background:url(./images/image/bottom-radius-left.gif) no-repeat left top;width:15px;height:15px;float:left;}
.left-panel .bottom span.right{background:url(./images/image/bottom-radius-right.gif) no-repeat left top;width:15px;height:15px;float:right;}

.right-panel{width:77.9%;float:left;margin:0px 0px 10px 20px;/*border:1px solid #c0c1c3;border-radius:8px;box-shadow: 1px 1px 4px #888888;*/}
.right-panel .top{background:url(./images/image/top-border-bg.gif) repeat-x left -1px #fafafa !important;height:15px;float:left;width:100%;border:0px !important;padding:0px !important;}
.right-panel .top span.left{background:url(./images/image/top-radius-left.gif) no-repeat left top;width:15px;height:15px;float:left;}
.right-panel .top span.right{background:url(./images/image/top-radius-right.gif) no-repeat left top;width:15px;height:15px;float:right;}

.right-panel .middle{background:url(./images/image/middle-radius-left.gif) repeat-y left 0px #fafafa;float:left;width:100%;}
.right-panel .middle .middle-content{background:url(./images/image/middle-radius-right.gif) repeat-y right 0px;margin:0px;width:auto;padding:0px 20px;float:right;width:95%;}

.right-panel .bottom{background:url(./images/image/bottom-border-bg.gif) repeat-x left 0px !important;height:15px;float:left;width:100%;border:0px !important;padding:0px !important;}
.right-panel .bottom span.left{background:url(./images/image/bottom-radius-left.gif) no-repeat left top;width:15px;height:15px;float:left;}
.right-panel .bottom span.right{background:url(./images/image/bottom-radius-right.gif) no-repeat left top;width:15px;height:15px;float:right;}

.left-menu{list-style:none;margin:0px 0px 50px 0px;padding:0px;color:#333;}
.left-menu ul{list-style:none;margin:0px;padding:0px;display:list-item;}
.left-menu ul li{list-style:none;margin:0px;padding:0px;display:list-item;background:url(./images/image/left-menu-bg.gif) repeat-x;}
.left-menu .first-level span.first{font:normal 14px 'Conv_Oswald';clear:both;width:100%;border-bottom:1px dotted #dadada;padding:0px 0px 5px 0px;color:#333;line-height:20px;float:left;height:20px;background:url(./images/image/up-arrow.gif) no-repeat right;}

.left-menu .second-level{list-style:none;margin:0px;padding:0px;}
.left-menu .second-level span.second{font:normal 12px Arial, Helvetica, sans-serif;clear:both;border-bottom:1px solid #dadada;padding:0px 0px 0px 20px;display:list-item;background:url(./images/image/left-menu-bullet.gif) no-repeat 5px center;line-height:30px;color:#333;}
.left-menu .second-level span.active{background:url(./images/image/left-menu-active.gif) no-repeat 5px center;}

.left-menu .thread-level{list-style:none;margin:0px;padding:0px;}
.left-menu .thread-level span.thread{font:normal 12px Arial, Helvetica, sans-serif;clear:both;border-bottom:1px solid #dadada;padding:0px 0px 0px 30px;display:list-item;background:url(./images/image/left-menu-bullet1.gif) no-repeat 15px center;line-height:30px;color:#333;}
.left-menu .thread-level span.thread a{color:#3f4f22;text-decoration:none;}
.left-menu .thread-level  span.thread .active{color:#ff2d00;text-decoration:none;}

.hor-10px-space{height:10px;clear:both;}

.hor-20px-space{height:20px;clear:both;}
.hor-15px-space{height:15px;clear:both;}
.hor-10px-space{height:10px;clear:both;}
.hor-1px-space{height:1px;clear:both;width:95%;}
.clear-both{clear:both;height:5px;}


.msg-style{
	color:#F00;font:bold 12px Arial, Helvetica, sans-serif;margin:10px 0px;padding:8px 10px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	box-shadow: 0px 0px 6px #999;
	width:68%;
	float:left;
}
.success{border:1px solid #5c9124;background:url(./images/image/success-bg.gif) #390;color:#FFF;}
.error{border:1px solid #822b22;background:url(./images/image/error-bg.gif) #390;color:#FFF;}
.warning{border:1px solid #c5a67b;background:url(./images/image/warning-bg.gif) #390;color:#000;font-weight:normal;}
.information{border:1px solid #3c93d4;background:url(./images/image/information-bg.gif) #390;color:#333;font-weight:normal;}


.form-ul{width:100%;list-style:none;float:left;padding:10px 0px;margin:0px;}
.form-ul .label{font:normal 12px Arial, Helvetica, sans-serif;padding:15px 20px 18px;text-align:right;float:left;clear:both;width:20%;}
.form-ul .label span{color:#F00;font:bold 12px Arial, Helvetica, sans-serif;padding:5px;}
.form-ul .field{font:normal 12px Arial, Helvetica, sans-serif;float:left;padding:5px;}
.form-ul .field .file{font:normal 12px Arial, Helvetica, sans-serif;float:left;margin: 5px 0 0;width:68%;}
.form-ul .field .form-ul{border:1px solid #CACACA;}
.form-ul .field .form-ul .field{width:auto;}
.form-ul .field .form-ul .label{font:normal 12px Arial, Helvetica, sans-serif;float:left;padding:5px;}
.form-ul .field .form-ul .field .radioInput{padding:0px; vertical-align:middle;}



.input{background:url(./images/image/input-bg.gif) repeat-x #f9f9f9;line-height:34px;border:1px solid #cacaca;border-radius:3px;width:300px;line-height:34px;height:34px;padding:0px 10px}
.textarea{background:url(./images/image/input-bg.gif) repeat-x #f9f9f9;border:1px solid #cacaca;border-radius:3px;width:300px;padding:5px 10px}
.multiple-Option{background:url(./images/image/input-bg.gif) repeat-x #f9f9f9;border:1px solid #cacaca;border-radius:3px;width:320px;padding:3px}
.form-ul .field select.styled{background:url(./images/image/input-bg.gif) repeat-x #f9f9f9;width:320px;border-radius:4px;padding:5px;height:36px;line-height:30px;}
.form-ul .field input.input{background:url(./images/image/input-bg.gif) repeat-x #f9f9f9;width:307px;border-radius:4px;padding:5px;height:30px;line-height:30px;}
.form-ul .field input.styled{width: 20px;height: 25px; padding: 0 5px 0 0;float: left;margin:5px 5px;}
.checkbox, .radio {
  width: 1px; 
  height: 25px; 
  padding: 0 5px 0 0; 
  background: url(./images/image/checkbox.png) no-repeat; 
  display: block; 
  /*clear: left;*/ 
  float: left;
  margin:5px 0px;
} 
.radio { 
  background: url(./images/image/radio.png) no-repeat; 
} 
.select { 
  position: absolute; 
  width: 222px; 
  height: 38px; 
  padding: 0 24px 0 8px; 
  color: #333; 
  font: 12px/38px arial,sans-serif; 
  background: url(./images/image/select.png) no-repeat;
}
select.styled{height:38px;}
.ie7 select.styled{height:auto;margin:16px 0px 0px 1px;}

.submit-button{padding:5px 10px;border:1px solid #5a841e;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;background:url(./images/image/submit-button-bg.gif) repeat-x;font:bold 12px Arial, Helvetica, sans-serif;outline:hidden;color:#FFF;float:left;margin:5px; cursor:pointer;}
.cancel-button{padding:5px 10px;border:1px solid #a2a2a2;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;background:url(./images/image/cancal-button-bg.gif) repeat-x;font:bold 12px Arial, Helvetica, sans-serif;outline:hidden;margin:0px 10px;float:left;margin:5px;cursor:pointer;}
/*form tag css property start*/

/*Tabel/Grid tag css property start*/
.table{border:1px solid #bdbdbd;border-radius:4px;margin:0px 0px 10px 0px;}
.table thead th{border-left:1px solid #838383;border-bottom:1px solid #333;border-right:1px solid #9c9c9c;border-collapse:collapse;background:url(./images/image/thead-bg.gif) repeat-x;color:#FFF;height:41px;padding:0px 10px;text-align:left;}
.table tbody tr.row1{background:#FFF;}
.table tbody tr.row2{background:#f2f2f2;}
.table tbody td{border-left:1px solid #FFF;border-bottom:1px solid #e1e1e1;border-right:1px solid #e1e1e1;border-collapse:collapse;height:34px;padding:0px 10px;}
.table tfoot td{border:0px solid #FFF;;border-collapse:collapse;background:#f6f6f6;height:34px;padding:0px 10px;font:bold 12px Arial, Helvetica, sans-serif;}
.table tfoot td a{padding:2px 4px;font:bold 12px Arial, Helvetica, sans-serif;text-decoration:none;color:#333;}
.table tfoot td a.active{color:#060;}
.table tbody td .edit-button{background:url(./images/image/edit.png) no-repeat;height:25px;width:25px;border:0px;font:normal 0px Arial, sans-serif;}
.table tbody td .delete-button{background:url(./images/image/delete.png) no-repeat;height:20px;width:20px;border:0px;font:normal 0px Arial, sans-serif;margin:0px 5px;}
.table tbody td .download-button{background:url(./images/image/download.png) no-repeat;height:24px;width:24px;border:0px;font:normal 0px Arial, sans-serif;margin:0px 15px; cursor:pointer;}
.table tbody td .input{background:url(./images/image/input-bg.gif) repeat-x #f9f9f9;line-height:34px;border:1px solid #cacaca;border-radius:3px;width:250px;line-height:25px;height:25px;padding:0px 10px}
.table tbody td  select.choose{background:url(./images/image/input-bg.gif) repeat-x #f9f9f9;line-height:34px;border:1px solid #cacaca;border-radius:3px;width:250px;line-height:25px;height:25px;padding:3px;}


a.button-link:link, a.button-link:hover, a.button-link:active, a.button-link:visited{
	padding:4px 10px 4px 10px;
	border:1px solid #5a841e;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	background:url(./images/image/submit-button-bg.gif) repeat-x;
	font:bold 12px Arial, Helvetica, sans-serif;
	outline:hidden;
	color:#333;
	text-decoration:none;
	margin:5px 5px 5px 0;
	float:left;
}

a.button-link span{font:bold 12px Arial, Helvetica, sans-serif;color:#333;float:left;}
.create span{background:url(./images/image/create-icon.png) no-repeat;padding:2px 0px 3px 30px;color:#FFF !important;}
.back_list{background:url(./images/image/bule-button.png) repeat-x !important;border:1px solid #009 !important;padding:6px 10px !important;}
.back_list span{background:url(./images/image/back-icon.png) no-repeat 2px;padding:0px 0px 0px 20px;color:#FFF !important;}